// index.js
// 获取应用实例
const app = getApp();
let time = null;
var ctx;
ctx = wx.createCanvasContext('canvas');

Page({
  data: {
    tabList:[
      {id:0,title:"待审核"},
      {id:1,title:"审核中"},
      {id:2,title:"审核通过"}
    ],
    tabIndex:0,
    code_text: "验证码",
    array: ['商业公司', '连锁药店', '单体药店', '医疗机构'],
    index: null,
    text: "",  // 图形验证
    images: [],// 图片
    imageList:[
      {title:"营业执照",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png','http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
      {title:"GSP证",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
      {title:"药品经营许可证",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
      {title:"印章备案",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
      {title:"身份证",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
      {title:"采购委托书",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
      {title:"食品经营许可证",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
      {title:"器械经营许可证",images:[],example:['http://cngd.yihtuan.cn/uploads/attach/2021/11/20211127/d514f6f1e8e770621e322c7d348093b4.png',]},
    ],
  },
  // 企业类型
  bindPickerChange(e) {
    this.setData({
      index: e.detail.value
    })
    console.log(this.data.index)
  },
  // 验证码
  send_code() {
    let text = this.data.code_text
    if (text == '验证码') {
      this.data.code_text = 60
      time = setInterval(() => {
        this.data.code_text--
        if (this.data.code_text <= 0) {
          this.data.code_text = '验证码'
          clearInterval(time)
        }
        this.setData({
          code_text: this.data.code_text
        })
      }, 1000);
    }
  },
  // 提交
  sure(){
    wx.showToast({
      title: this.data.text,
      icon:'none'
    })
  },
  // 选择预览图片
  chooseImage(e) {
    let that = this
    let i =  e.currentTarget.dataset.type
    wx.chooseImage({
      count: 1, //最多可以选择的图片张数，默认9  （h5中不能限制上传图片的的数量）
      sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
      // sourceType: ['album'], //从相册选择
      success: (chooseImageRes) => {
        const tempFilePaths = chooseImageRes.tempFilePaths; //选择后的本地图片
        // this.uploadFile(tempFilePaths[0],i)   // 走接口
        this.data.imageList[i].images.push(tempFilePaths[0]) //本地查看
        this.setData({
          imageList: this.data.imageList
        })
      }
    });
  },
  // 上传图片
  uploadFile(data,i) {
    wx.uploadFile({
      header: { },  // token
      url: 'xxxxxxxxxxxxxxxxxxxx',  // 上传的路径
      filePath: data,
      name: 'file',
      formData: {
      },
      success: (uploadFileRes) => {
        let fileData = JSON.parse(uploadFileRes.data)
        if (fileData.code == 200) {
          this.data.imageList[i].images.push(fileData.data) //本地查看
          this.setData({
            imageList: this.data.imageList
          })
        }
      },
      complete(res) {
      }
    });
  },
  // 删除
  del(e) {
    let index = e.currentTarget.dataset.index
    let t = e.currentTarget.dataset.type
    this.data.imageList[t].images.splice(index, 1)
    this.setData({
      imageList: this.data.imageList
    })
  },
  // 预览
  previewImage(e){
    let i = e.currentTarget.dataset.index
    let t = e.currentTarget.dataset.type
    let image = this.data.imageList[t].images
    let arr = []
    image.forEach((el)=>{
      arr.push(el)
    })
    wx.previewImage({
      loop: true,// 是否可以循环预览
      current: arr[i],
      urls: arr
    })
  },
  toSee(e){
    let t = e.currentTarget.dataset.type
    let image = this.data.imageList[t].example
    wx.previewImage({
      loop: true,// 是否可以循环预览
      current: image[0],
      urls: image
    })
  },










  toTab(e){
    this.setData({
      tabIndex:e.currentTarget.dataset.index
    })
    var that = this;
    this.drawPic(that);
  },
  onLoad: function (options) {
    var that = this;
    this.drawPic(that);
  },
  change: function () {
    var that = this;
    this.drawPic(that);
  },
  mobile(e) {
    this.setData({
      mobile: e.detail.value
    })
  },
  randomNum(min, max) {
    return Math.floor(Math.random() * (max - min) + min);
  },
  /**生成一个随机色**/
  randomColor(min, max) {
    let r = this.randomNum(min, max);
    let g = this.randomNum(min, max);
    let b = this.randomNum(min, max);
    return "rgb(" + r + "," + g + "," + b + ")";
  },

  /**绘制验证码图片**/
  drawPic(that) {
    /**绘制背景色**/
    ctx.fillStyle = this.randomColor(180, 240); //颜色若太深可能导致看不清
    ctx.fillRect(0, 0, 90, 28)
    /**绘制文字**/
    var arr;
    var text = '';
    var str = 'ABCEFGHJKLMNPQRSTWXY123456789';
    for (var i = 0; i < 4; i++) {
      var txt = str[this.randomNum(0, str.length)];
      ctx.fillStyle = this.randomColor(50, 160); //随机生成字体颜色
      ctx.font = this.randomNum(20, 26) + 'px SimHei'; //随机生成字体大小
      var x = 5 + i * 20;
      var y = this.randomNum(20, 25);
      var deg = this.randomNum(-20, 20);
      //修改坐标原点和旋转角度
      ctx.translate(x, y);
      ctx.rotate(deg * Math.PI / 180);
      ctx.fillText(txt, 5, 0);
      text = text + txt;
      //恢复坐标原点和旋转角度
      ctx.rotate(-deg * Math.PI / 180);
      ctx.translate(-x, -y);
    }
    /**绘制干扰线**/
    for (var i = 0; i < 4; i++) {
      ctx.strokeStyle = this.randomColor(40, 180);
      ctx.beginPath();
      ctx.moveTo(this.randomNum(0, 90), this.randomNum(0, 28));
      ctx.lineTo(this.randomNum(0, 90), this.randomNum(0, 28));
      ctx.stroke();
    }
    /**绘制干扰点**/

    for (var i = 0; i < 20; i++) {
      ctx.fillStyle = this.randomColor(0, 255);
      ctx.beginPath();
      ctx.arc(this.randomNum(0, 90), this.randomNum(0, 28), 1, 0, 2 * Math.PI);
      ctx.fill();
    }
    ctx.draw(false, function () {
      that.setData({
        text: text
      })
    });
    console.log('123')

  }

})
